<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- Font 图标库 -->
		<link rel="stylesheet" href="static/font4.7.0/css/font-awesome.css">
		<!-- Theme style -->
		<link rel="stylesheet" href="static/dist/css/adminlte.min.css">
		<link rel="stylesheet" type="text/css" href="static/dist/js/plugins/bootstrap/css/bootstrap.min.css"/>
		<style type="text/css">
			.has-treeview .nav-treeview .nav-item .nav-link p{
				margin-left: 30px;
			}
		</style>
	</head>

	<body class="hold-transition sidebar-mini">
		<div class="wrapper">

			<!-- Navbar -->
			<nav class="main-header navbar navbar-expand navbar-light bg-dark ">
				<!-- 控制 -->

				<ul class="navbar-nav">
					<li class="nav-item">
						<a class="nav-link" data-widget="pushmenu" href="#"><i class="fa fa-bars"></i></a>
					</li>
				</ul>

				<ul class="navbar-nav">
					<li class="nav-item">
						<a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#"><i class="fa fa-th-large"></i></a>
					</li>
				</ul>

				<ul class="navbar-nav ml-auto" style="margin-right: 23px;">
					<li class="nav-item dropdown">
						<a class="nav-link nav-myitem" data-toggle="tab" href="logout" style="padding: 0;">
							<div class="media">
								<img src="static/dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle" style="margin-right:10px !important">
								<div class="media-body">
									<h3 class="dropdown-item-title">开发者</h3>
								</div>
							</div>
						</a>
						<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right" id="dropdown">
							啊啊啊
						</div>
					</li>
				</ul>
			</nav>

			<aside class="main-sidebar sidebar-dark-primary elevation-4" style="overflow-x:hidden;">
				<a href="index0.html" class="brand-link">
					<img src="static/dist/img/AdminLTELogo.png" alt="Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
					<span class="brand-text font-weight-light">Logo</span>
				</a>

				<div class="sidebar">
					<nav class="mt-2">
						<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="true">

							<li class="nav-item has-treeview menu-open">
								<a href="#" class="nav-link"><i class="nav-icon fa fa-dashboard"></i>
									<p>系统管理<i class="right fa fa-angle-left"></i></p>
								</a>

								<ul class="nav nav-treeview">
									<li class="nav-item">
										<a href="javascript:;" onclick="pages('qq/toqqrecord')" class="nav-link">
											<p>QQ机器人开启</p>
										</a>
									</li>
									<li class="nav-item">
										<a href="javascript:;" onclick="pages('index2.html')" class="nav-link">
											<p>权限管理</p>
										</a>
									</li>
									<li class="nav-item">
										<a href="#" class="nav-link">
											<p>角色管理</p>
										</a>
									</li>
									<li class="nav-item">
										<a href="#" class="nav-link">
											<p>菜单管理</p>
										</a>
									</li>

								</ul>
							</li>

							<li class="nav-item">
								<a href="#" class="nav-link">
									<i class="nav-icon fa fa-th"></i>
									<p>单功能<span class="right badge badge-danger">新消息</span>
									</p>
								</a>
							</li>


						</ul>
					</nav>
				</div>
			</aside>

			<div class="content-wrapper" id="mainpage">
				aaaa
			</div>

		</div>
		<!-- Control Sidebar -->
		<aside class="control-sidebar control-sidebar-dark">
		</aside>
		<script src="static/dist/js/jquery-1.12.4.min.js"></script>
		<script src="static/dist/js/plugins/bootstrap/js/bootstrap.js"></script>
		<script src="static/dist/js/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="static/dist/js/adminlte.js"></script>
		<script src="static/dist/js/demo.js"></script>
		
		<script type="text/javascript">
			function pages(url) {
				$("#mainpage").load(url);
			}
			$(function() {
				$(".nav-treeview li a").click(function() {
					$(".nav-treeview li a").removeClass('active');
					$(this).addClass('nav-link active');
				});
			});
		</script>
	</body>

</html>